<template>
    <div>
        <base-table :loading="listLoading"  :colunms="table1Columns" :data="data1"></base-table>
    </div>

</template>

<script>
    import baseTable from '@/components/Tables/baseTable.vue';
    export default {
        name: 'base_table',
        components: {
            baseTable
        },
        data() {
            return {
                listLoading:false,
                data1: [
                    {
                    date: '2016-05-02',
                    name: '王小虎',
                    address: '上海市普陀区金沙江路 1518 弄'
                }, {
                    date: '2016-05-04',
                    name: '王小虎',
                    address: '上海市普陀区金沙江路 1517 弄'
                }, {
                    date: '2016-05-01',
                    name: '王小虎',
                    address: '上海市普陀区金沙江路 1519 弄'
                }, {
                    date: '2016-05-03',
                    name: '王小虎',
                    address: '上海市普陀区金沙江路 1516 弄'
                }
                ],
                table1Columns:[{
                    title: '名称',
                    key: 'name',
                    // width: 200,
                    align: 'center'
                },
                {
                    title: '地址',
                    key: 'address',
                    width: 250,
                    align: 'center'
                },
                {
                    title: '时间',
                    key: 'date',
                    width: 150,
                    align: 'center'
                },
                {
                    title: '操作',
                    width: 150,
                    align: 'center',
                    render:(h,param)=>{
                        return h('div', [
                                h('Icon', {
                                    props: {
                                        type: 'person'
                                    }
                                }),
                                h('strong', params.row.name)
                            ]);
                    }
                }],
                
            }
        }
    }
</script>